@cl1: rgb(192, 38, 179);
@cl2: #fff;

p {
  color: lighten(@cl1, 50%);
}

span {
  color: darken(@cl1, 20%);
  background-color: darken(@cl2, 30%);
}

em {
  color: saturate(@cl1, 20%);
  background-color: mix(@cl1, @cl2);
}

i {
  color: fade(@cl1, 20%);
}

a {
  background-color: hue(@cl1);
  // h:0-360 s:0-100% l:0-100%
  color: saturation(@cl1); //饱和度
  border: 1px solid lightNess(@cl1);
}